<template>
	<div>
		<top-nav bgColor="white" title="报表"  btnName="btn"  :rightShow="false" returnPath="factoryList"></top-nav>
		<div style="width: 100%;height: 3rem;"></div>
  		 <mu-paper>
    <mu-bottom-nav :value="bottomNav"  @change="handleChange" style="height: 1.8rem;">
      <mu-bottom-nav-item value="movies" title="我的车辆"  to="/hongchangHistoryCar" />
      <mu-bottom-nav-item value="music" title="我的订单"  to="/hongchangHistoryOrder" />
      <mu-bottom-nav-item value="books" title="我的回款"  to="/hongchangHistoryMoney" />
    </mu-bottom-nav>
  </mu-paper>

	    <router-view style="height: 100%;"></router-view>
  
</div>
	</div>
</template>

<script>
	 import TopNav from '@/components/nav/topNav.vue'
	 export default {
		components: {
		      TopNav
		},
		  data () {
    return {
      bottomNav: 'movies',
      bottomNavColor: 'movies'
    }
  },
  methods: {
    handleChange (val) {
      this.bottomNav = val
    }
  }
}
</script>

<style>
</style>